
.book-pic{
	width:160px;height:160px;@include box-shadow(0 0 4px rgba(0,0,0,.3));background-size:cover;background-position:center center;position:relative;
	> img{position:absolute;top:0;left:0;height:100%;width:13px;}
	> a{position:absolute;bottom:0;right:0;width:85px;height:85px;overflow:hidden;background:url(/images/page-pic.png) 0 -380px no-repeat;}
	&.xs{@include size(80px,80px);}
	&.sm{@include size(100px,100px);}
	&.lg{@include size(240px,240px);}
}
.thumbnail:hover .book-pic{@include box-shadow(0 0 8px rgba(0,0,0,.6));}




.book-menu .list-group,
.book-menu .teacher{font-size:$font-size-large;}
.book-menu .list-group-item{padding:15px 20px;}
.book-menu .teacher{
	position:relative;margin-top:20px;padding:0 20px;height:60px;line-height:60px;background:$orange-dark;color:#fff;display:block;
	&:hover,
	&:active,
	&:link{text-decoration:none;}
}
.book-menu .teacher i{position:absolute;right:20px;top:50%;@include translate(0,-50%);display:block;width:40px;height:40px;background:url(/images/page-pic.png) -140px -320px no-repeat;}

.book-d-top{
	padding:40px;
	& .pic .book-pic{float:right;}
	& h2{margin-top:0;color:$brand-dark;}
	& .info{
		margin:5px -5px;color:$gray-lighter;
		&.teacher{padding-left:0;margin-left:0;}
		& li{margin-right: 15px;display:inline-block;}
		&.teacher li{width:40%;line-height: 1.8}
		& strong{margin:0 5px;}
		& a{margin-left:5px;}

	}
	& .price{
		margin-top:15px;margin-bottom:10px;
		& .money.old,
		& .money span{color:$gray-light;font-size:$font-size-base;}
		& .money strong{font-size:200%;margin-left:5px;}
		& .money.old{margin:0;}
		& em{border:1px solid $brand-match;font-size:$font-size-small;font-style:normal;padding:3px 6px;@include border-radius($border-radius-base);position:relative;top:-10px;left:10px;}
	}
	& .buy{
		margin-top:20px;
		& .num{
			float:left;margin-right:20px;padding-right:30px;position: relative;color:$gray-light;
			& .form-control{@include border-radius(0);width:90px;text-align:center;margin-bottom:5px;}
			& a{
				position:absolute;right:0;display:block;width:22px;height:22px;border:1px solid $gray-lighter;text-align:center;line-height:22px;color:$gray-lighter;
				&:hover,
				&:focus{border-color:$brand-theme;color:#fff;background:$brand-theme-light;}
				&.add{top:0;}
				&.sub{top:25px;}
			}
		}
	}
}
.m-l .book-d-top{
	padding:0;
	padding-left:15px;
	& .pic{
		@include clearfix();
		& .book-pic{float:inherit;margin-bottom: 20px;}
	}
	& .buy .btn{margin-top:10px;}
	& .num{
		width:100%;
		margin-bottom:10px;
		& span{position:absolute;left:130px;top:0;}
		& a{left: 100px;}
	}
	
}

.book-tabs{
	padding:0 25%;background:$gray-bg;border-top:1px solid $gray-line;border-bottom:1px solid $gray-line;font-size: $font-size-large;
	& .nav-pills > li > a{position:relative;padding:15px 0;padding-left:30px;}
	& .nav-pills > li.active > a{background:#fff;color:$brand-theme;font-weight: bold;@include border-radius(0);border:1px solid $gray-line;border-bottom-color:#fff;border-top:none;margin-bottom:-1px;}
	& .nav-pills i{position:absolute;top:50%;left:50%;@include translate(-50%,-50%);margin-left:-30px;display:inline-block;width:30px;height:30px;background:url(/images/page-pic.png) no-repeat;}
	& .nav-pills > li:first-child i{background-position:-140px 0;}
	& .nav-pills > li:nth-child(2) i{background-position:-180px 0;}
	& .nav-pills > li.active:first-child i{background-position:-220px 0;}
	& .nav-pills > li.active:nth-child(2) i{background-position:-260px 0;}
	& .nav-pills > li:nth-child(3) a{padding-left:0;}
}

.bookTabContent{padding:40px;}
.book-info{
	&.row > div:first-child{text-indent:2em;font-size:$font-size-large;line-height:2;color:$gray-light;}
	& ul,
	& ul li{list-style: none;}
	& ul{min-height:500px;padding-left:80px;background:url(/images/shadow.png) left top no-repeat;}
	& ul li{border-bottom:1px dotted $gray-lighter;padding:10px 0;color:$gray-light;}
	& ul li:last-child{border: none;}
}
.book-com{
	@include clearfix();
	& .do p{color:$gray-lighter;}
	& .do .btn{position:relative;top:30px;}
}
.book-try{
	position: relative;
	padding:50px;
	min-height: 600px;
	& i{position:absolute;right:0;top:0;display:block;width:85px;height:85px;background:url(/images/page-pic.png) -90px -380px no-repeat;}
}
